<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="点我" onclick="on()"><br>
<input type="button" value="再点我" id="btn"><br>

<script>
    /*
    * 事件绑定方式：
    * 1.通过 HTML标签中的事件属性进行绑定,在标签中使用onclick属性
    * 2.通过 DOM 元素属性绑定
    */
    //1.通过 HTML标签中的事件属性进行绑定,在标签中使用onclick属性
    function on(){
    alert("我被点击了")
    }

    //2.通过 DOM 元素属性绑定,先获得element对象，在调用onclick属性
    document.getElementById("btn").onclick=function (){
        alert("我又被点击了")
    }

</script>

</body>
</html>